<style type="text/css">
    .ml35 {
      margin-left: 35px;
    }
  </style>

<div class="col-sm-12 mt20">

    <div class="panel panel-default">
        <div class="panel-body" ng-keyup="myKeyup($event)">
            <div class="col-sm-2">
                <input type="text" class="form-control" placeholder="姓名" ng-model="pageInfo.user_name">
            </div>
            <div class="col-sm-2">
                <input type="text" class="form-control" placeholder="电话" ng-model="pageInfo.mobile">
            </div>
            <div class="col-sm-2">
                <input type="text" class="form-control" placeholder="身份证号码" ng-model="pageInfo.cardno">
            </div>
            <div class="col-sm-2">
                <select class="form-control" ng-model="pageInfo.state">
	                	<option value=''>--全部--</option>
	                	<option value='0'>申请</option>
	                	<option value='1'>待发放</option>
	                	<option value='2'>已发放</option>
                    <option value='3'>未通过</option>
                    <option value='4'>发放失败</option>
                </select>
            </div>
            <div class="col-sm-2">
            </div>
            <div class="col-sm-2">
                <button class="btn btn-info search btn-block" ng-click="loadlist()">搜索</button>
            </div>
        </div>

        <div class="panel-body">
            <table class="table table-striped table-bordered dataTable table-condensed tree_table" style="table-layout:fixed">
                <thead>
                    <tr>
                        <th class="col-md-2 text-center">姓名</th>
                        <th class="col-md-2 text-center">电话</th>
                        <th class="col-md-2 text-center">身份证</th>
                        <th class="col-md-1 text-center">状态</th>
                        <th class="col-md-2 text-center">虚拟卡号</th>
                        <th class="col-md-2 text-center">失败原因</th>
                        <th class="col-md-1 text-center">操作</th>
                    </tr>
                </thead>
                <tbody>
                    <tr ng-repeat="bean in beanList">
                        <td class="text-center">{{bean.user_name}}</td>
                        <td class="text-center">{{bean.mobile}}</td>
                        <td class="text-center">{{bean.cardno}}</td>
                        <td>
                            <span ng-show="bean.state == '0'" class="form-control-static">申请</span>
                            <span ng-show="bean.state == '1'" class="form-control-static">待发放</span>
                            <span ng-show="bean.state == '2'" class="form-control-static">已发放</span>
                            <span ng-show="bean.state == '3'" class="form-control-static">未通过</span>
                            <span ng-show="bean.state == '4'" class="form-control-static">发放失败</span>
                        </td>
                        <td class="text-center">{{bean.virtual_card}}</td>
                        <td class="text-center">{{bean.reason}}</td>
                        <td class="text-center">
                            <button type="button" class="btn btn-info btn-xs" ng-click="info(bean)">详情</button>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>

        <div class="text-right" style="background-color: white; margin-right: 30px">
            <pagination total-items="pageInfo.totalItems" ng-model="pageInfo.pageNo" ng-change="loadlist()" previous-text="上一页" next-text="下一页"
                first-text="首页" last-text="尾页" max-size="5" boundary-links="true" rotate="false" items-per-page="pageInfo.pageSize"
                class="m-t-none m-b"></pagination>
        </div>

    </div>
</div>